/*
* @author Sangheethan Subramaniam
*
* @description Style Sheet for infologik
*/
body{
	margin:0 auto;
	background-color:#f7f5d2;
	font:corbel;
	background:url(images/header_bg.gif) repeat-x;	
}

/*
* @description 960 Grid system
**/

.grid_1 { width:80px;}
.grid_2 { width:160px;}
.grid_3 { width:240px;}
.grid_4 { width:320px;}
.grid_5 { width:400px;}
.grid_6 { width:480px;}
.grid_7 { width:560px;}
.grid_8 { width:640px;}
.grid_9 { width:720px;}
.grid_10 { width:800px;}
.grid_11 { width:880px;}
.grid_12 { width:960px;}

.column {
	margin: 5px 5px;
	float: left;
	display: inline;
	}
.row {
	margin: 5px auto;
	width:960px;
}
.row .row {
	margin: 0 -5px;
	width: auto;
	display: inline-block;
}
.right{
	float:right;
}
.right-gutter{
	margin-right:5px;
}
.left-gutter{
	margin-left:5px;
}

/*
Header properties
*/
#header{

	height:117px;
}

.top-navigation{
	list-style:none;
	float:right;
	padding:0;margin:0;
}
.top-navigation li{
	float:left;
}
.top-navigation li a{
	text-decoration:none;
	color:#818181;
	font-size:13px;
	font-weight:bold;
	padding:0 2px;
}
.top-navigation li#customer-management{
	background:url(images/top_nav_bar.gif) 0 0;
	line-height:32px;
	padding:0 12px;
}
.top-navigation li#project-management{
	background:url(images/top_nav_bar.gif) 271px 0;
	line-height:32px;
	padding:0 12px;
}
.top-navigation li#project-reporting{
	background:url(images/top_nav_bar.gif) 126px 0;
	line-height:32px;
	padding:0 12px;
}

/*
* Main content
**/

#main{
	margin-top:10px;
	background:url(images/main_bg.gif) repeat-x;
	height:400px;
}

/*
* @author Vinayagamoorthy Lingam
* @description Left side bar
*
*/

ul#list-nav {
list-style:none;
margin:0 20px ;
padding:0;
width:525px;
}

ul#list-nav li {
display:inline
}

ul#list-nav li ul {
display:none
}
ul#list-nav li:hover ul {
display:block;
position:absolute;
left:243px;
top:0;
z-index:999;
}

ul#list-nav li:hover ul li{
	position:relative;display:block;width:65px;height:65px;	
}
ul#list-nav li:hover ul li a{
text-decoration:none;
padding:10px 0;
width:60px;
height:40px;
line-height:20px;
background:#CCC;
border:1px solid #FFF;
position:relative;
display:block;
color:grey;
/*float:left;*/
text-align:center;
border-left:1px solid #fff;
text-transform:capitalize
}

ul#list-nav li:hover ul li a:hover{
background:#FFF;
color:grey;
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:243px;
height:40px;
line-height:40px;
background:url(images/gray-bg.jpg) no-repeat;
position:relative;
display:block;
color:grey;
/*float:left;*/
text-align:center;
border-left:1px solid #fff;
text-transform:capitalize
}

ul#list-nav li a:hover {
background:url(images/blue-bg.jpg) no-repeat;
color:#FFF;
}